<template>
<div>
    <swiper :lunbotuList="lunbotuList" :isfull="true"></swiper>
    <ul class="mui-table-view mui-grid-view mui-grid-9">
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/newsList">
									<img src="../../images/menu1.png" alt="">
									<div class="mui-media-body">新闻资讯</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/photolist">
									<img src="../../images/menu2.png" alt="">
									<div class="mui-media-body">明星美图</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<router-link to="/home/goodslist">
									<img src="../../images/menu3.png" alt="">
									<div class="mui-media-body">商城</div>
								</router-link>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src="../../images/menu4.png" alt="">
									<div class="mui-media-body">敬请期待</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src="../../images/menu5.png" alt="">
									<div class="mui-media-body">敬请期待</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
								<a href="#">
									<img src="../../images/menu6.png" alt="">
									<div class="mui-media-body">敬请期待</div>
								</a>
							</li>
						</ul>
</div>
</template>
<script>
import swiper from"../swiper/swipe.vue"
export default {
   data(){
       return {
		   lunbotuList:[],
		   flag:true
       }
   },
   created(){
	  this. getlunbotu()
   },
   methods:{
	   getlunbotu() {
           this.$http.get("api/getlunbo").then(function(result){
               if(result.body.status === 0){
                   this.lunbotuList = result.body.message;
               }
              
           })
       }
   },
   components:{
       swiper
   }
}
</script>
<style lang="less" scoped>
  
    .mui-grid-view{
        background-color: #fff !important;
        .mui-table-view-cell{
            border: none !important;
            img{
            width: 60px;
            height: 60px;
        }
        }
        
    }
</style>
